<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>服务</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="bootstrap/css/bootstrap1.min.css" rel="stylesheet">
	<link href="css/style1.css" rel="stylesheet">
	<link href="css/iconFont.css" rel="stylesheet">
	<link href="css/serviceFrom.css" rel="stylesheet">
  </head>
  
  <body>
     <%@include file="common/Top.jsp"%>
     <div class="container" style="margin-top: 20px;margin-bottom: 13px;height: 70%">
     	<div class="row" style="text-align: center;">
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(1)">
     			<i class="icon-windows" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">业务系统开发</h4>
     			<p style="color: #0d638f">基于实际业务需求，结合业界最佳实践，量身订做业务管理信息系统，提升业务效益，努力为您创造最佳的投资回报。</p>
     		</div>
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(2)">
     			<i class="icon-android" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">移动应用开发</h4>
     			<p style="color: #0d638f">提供基于Android，iOS的原生开发，以及基于HTML5的混合开发模式，可通过运维服务，持续优化升级使应用吸引越来越多的目标客户。</p>
     		</div>
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(3)">
     			<i class="icon-rocket" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">电商平台开发</h4>
     			<p style="color: #0d638f">可提供B2C、C2C、O2O等多种电商平台的开发，支持移动电商应用的开发，并可以为平台的运维提供持续不断的技术保障。</p>
     		</div>
     	</div>
     	<div class="row" style="text-align: center;">
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(4)">
     			<i class="icon-globe" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">门户网站开发</h4>
     			<p style="color: #0d638f">不仅能为企业或组织机构设计和实施专业的官方站点，还可以提供站群、行业门户等多种类型网站的研发、部署等服务。</p>
     		</div>
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(5)">
     			<i class="icon-thumbs-up" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">系统运维</h4>
     			<p style="color: #0d638f">无论您是直接购买我们的标准产品，还是量身定制专有系统，在服务期内都能够享受我们免费提供的系统运维服务，期满续费后可继续享用。</p>
     		</div>
     		<div class="span4" style="cursor: pointer;" onmouseover="changeColor(this)" onmouseout="backColor(this)" onclick="showFrom(6)">
     			<i class="icon-comments-2" style="font-size: 35px;height: auto;width: auto;background: none;padding: 15px;"></i>
     			<h4 style="font-weight: normal;">咨询</h4>
     			<p style="color: #0d638f">除了产品和定制服务之外，我们还可以在线为客户解答有关业务规划、基础设施、云计算等多个方面的问题，并可提供相应的建议和方案。</p>
     		</div>
     	</div>
     </div>
     <!-- 弹出层 -->
	<div id="light" class="white_content">
<!-- 		<a href = "javascript:void(0)" onclick = "closeFrom()" style="float:right;">关闭</a> -->
		<div style="height: 50px;width: 100%;background-color: #4b8df8;">
			<div style="float: left;height: 40px;line-height: 35px;font-size: 18pt;margin-top: 5px;color: #fff;">
				<i class="icon-comments-2" style="font-size: 28px;height: auto;width: auto;background: none;margin-left: 10px;margin-top: 5px;"></i>
				&nbsp;产品/服务清单
			</div>
		</div>
		<div id="serviceForm">
			
		</div>
	</div> 
        <div id="fade" class="black_overlay" onclick="closeFrom()"></div> 
     <%@include file="common/Bottom.jsp"%>
     <script src="backadmin/js/jquery-1.10.2.min.js"></script> 
     <script src="js/serviceFrom.js"></script> 
     <script type="text/javascript">
     	function changeColor(dom){
     		dom.style.backgroundColor='#0da3e2';dom.style.color='#fff';$(dom).children("p").css("color","#fff");
     	}
     	function backColor(dom){
     		dom.style.backgroundColor='';dom.style.color='';;$(dom).children("p").css("color","#0d638f");
     	}
     </script>
  </body>
</html>
